<template>
  <div id="container">
    <h1 class="title">选项</h1>
      <ol id="todolist">
        <myIteam v-for="item in items" :key="item.key" :item="item" :Check="Check" :itemDelete="itemDelete"/>
      </ol>
  </div>
</template>


<script>
import myIteam from './myIteam.vue'

export default {
  name: 'myList',
  components: { myIteam },
  props:['items','Check',"itemDelete"],
 
}
</script>

<style scoped>
#container {
    margin: 0 auto;
    width: 700px;
    height: 150px;
}
 
.del {
    width: 120px;
    height: 70px;
    border-radius: 25px;
    outline: 0;
    border: 1 solid #556677;
    font-size: 20px;
    display: flex;
    margin: 0 auto;
}
 
ol {
    margin-top: 20px;
    margin-bottom: 20px;
}

</style>